<template>

    <el-page-header
    @back="goBack"
    class="mb-15"
    :class="{ 'mx-15': useLocale.isMob }"
  >
    <template #content>
      <span> 统计 </span>
    </template>
  </el-page-header>
    <el-card class="box-card" shadow="hover">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="得标记录" name="win">
          <live-win></live-win>
        </el-tab-pane>
        <el-tab-pane label="商品统计" name="goods">
           <live-goods></live-goods>
        </el-tab-pane>
      </el-tabs>
    </el-card>
</template>
<script lang="ts" setup>
import { ref, onMounted , watch, computed} from "vue";
import { Search, PriceTag } from "@element-plus/icons-vue";
import LiveWin from "./liveStat/LiveWin.vue";
import LiveGoods from "./liveStat/LiveGoods.vue";
import { useI18n } from "vue-i18n";
import { useLocaleStore } from "@/store/locales";
import { useRoute, useRouter } from "vue-router";
const router = useRouter();
const route = useRoute();
const { t } = useI18n();
const langkey = computed(() => useLocale.locale);
const useLocale = useLocaleStore();
const activeName = ref("win");

const handleClick = (tab: TabsPaneContext, event: Event) => {
  console.log(tab, event);
};
const goBack = () => {
  router.push({
    path: "/live",
  });
};
</script>

<style lang="scss" scoped></style>